.hidewithcss {
    display: none;
}

.withtooltip {
    border-bottom-width: 1px;
    border-bottom-style: dashed;	
    cursor: help;
    position: relative;
    text-decoration: none;
    color: black;
}	

.tooltip {
    display: none;	
    position: absolute;
    z-index:5;
    width: 200px;
    max-width: 200px;
    height: auto;
    left: 1.5em;
    top: 1.5em;
    border: 1px solid blue;
    background-color: #e8effb;
    color: black;
    font-size: 80%;
    overflow: hidden;
    padding: 2px;
}

.withtooltip:hover .tooltip {
    display: block;	
}